<template>
	<view class="c_one">
		<h1 class="h1">如何认证，成为团油认证用户？</h1>
		<p class="pone">当您首次登录团油APP/小程序后，建议您对您的爱车先进行车辆认证，如果您的车属于运营类车辆</p>
		<p class="pone">（例如专快车/网约车、商用车/物流车、出租车等）</p>
		<p class="pone">首次认证会有更多优惠惊喜！</p>

		<p class="pone">下面让我教会你怎样认证吧~</p>

		<p class="pone">1.APP/小程序首页选择【认证有奖】</p>
		<image src="../../static/8s.jpg" mode="widthFix" class="img"></image>
		<p>2.选择车辆用途</p>
		<image src="../../static/cv.png" mode="widthFix" class="img"></image>
		<p class="ptwo">3.根据您选择的车辆用途，填写和上传所需凭证信息</p>
		<p class="ptwo">4.完成认证申请后请您耐心等待系统审核</p>
		<p class="ptwo">5.开始您的加油体验吧！</p>
		<view class="yi">
			以上回答是否解决了您的问题
		</view>
		<view class="but flex">
			<button class="one_b">
				<image src="../../static/zan.png" mode="" class="img1"></image>
				已解决</button>
			<button class="two_b"><image src="../../static/nozan.png" mode="" class="img1"></image>未解决</button>
		</view>
		<view class="yi">
			没有解决您的问题
		</view>
		<view class="butt">
			<button>
				<image src="../../static/huidian.png" mode="" class="img1"></image>联系客服</button>
		</view>


	</view>
</template>

<script>
</script>

<style>
	.flex {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
		}
	.c_one {
		background-color: #fff;
		width: 90%;
		padding: 20rpx;
		margin: 0 auto;
		border-radius: 20rpx;
		color: #666;
	}

	.h1 {
		font-size: 20px;
		border-bottom: #000 1px solid;
		font-weight: bold;
		padding: 20rpx 10rpx;
	}

	.pone {
		padding: 10rpx 0;
	}

	.img {
		width: 70%;
	}
.img1{width:20px;height:20px;line-height:20px;padding:0 10rpx;}
	.ptwo {}
	.yi {
		line-height: 50px;
		text-align: center;
		position: relative;
	}

	.yi::after,
	.yi::before {
		position: absolute;
		width: 60px;
		height: 1px;
		background: #ccc;
		content: '';
		top: 25px;
	}

	.yi::after {
		left: 0;
	}

	.yi::before {
		right: 0;
	}
	.but{width:90%;padding:20rpx;}
	.but button{width:45%;border-radius:40rpx;}
	.butt{width:100%;}
	.butt button{width:45%;margin:0 auto;border-radius:40rpx;}
</style>
